<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>05_元素溢出</title>
    <style>
        div{
            background-color: yellow;
            width: 800px;
            height: 300px;
            overflow: visible;
            overflow: hidden;
            overflow: scroll;
            overflow: auto;
        }
        .txt {
            background-color: lime;
            width: 300px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    </style>
</head>
<body>
<div class="txt">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci aliquid animi aperiam asperiores at atque autem beatae consequatur consequuntur culpa cum cumque debitis delectus dicta dignissimos distinctio dolorem dolores doloribus ea earum eius eligendi enim eos esse eveniet exercitationem expedita explicabo facilis fuga fugiat fugit harum hic id illum impedit incidunt ipsa ipsum iure labore laborum laudantium magnam maiores maxime min
</div>
<div>
    <img src="img/1.png">
</div>
</body>
</html>